<div class="course-content">
  <div id="video_example">
    <div id="example">
      <div
        id="video_id"
        class="video closed"
        data-metadata='{"streams":"0.5:7tqY6eQzVhE,1.0:cogebirgzzM,1.5:abcdefghijkl", "showCaptions": false, "saveStateUrl": "/save_user_state", "savedVideoPosition": "0", "speed": "1.5", "startTime": "", "end": "", "transcriptAvailableTranslationsUrl": "/transcript/available_translations", "transcriptLanguage": "en", "transcriptLanguages": {"en": "English", "de": "Deutsch", "zh": "普通话"}, "transcriptTranslationUrl": "/transcript/translation/__lang__", "ytApiUrl": "/base/fixtures/youtube_iframe_api.js", "ytTestTimeout": "1500", "ytMetadataUrl": "www.googleapis.com/youtube/v3/videos/"}'
      >
        <div class="focus_grabber first"></div>

        <div class="tc-wrapper">
          <article class="video-wrapper">
            <span tabindex="0" class="spinner" aria-hidden="false" aria-label="${_('Loading video player')}"></span>
            <span tabindex="-1" class="btn-play is-hidden" aria-hidden="true" aria-label="${_('Play video')}"></span>
            <section class="video-player">
              <iframe id="id"></iframe>
            </section>
            <section class="video-controls is-hidden"></section>
          </article>
        </div>

        <div class="focus_grabber last"></div>
      </div>
    </div>
  </div>
</div>
